<%--
  Created by IntelliJ IDEA.
  User: 代浩楠
  Time: 16:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="lib/css/carousel.css" />
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="lib/jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
    <link rel="script" href="js/index.js" type="text/css" />
    <script type="text/javascript" src="js/hot.js"></script>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <script type="text/javascript" src="js/jquery.color-2.1.2.js"></script>
</head>
<body>
<div class="container-fluid" >
    <nav class="navbar navbar-default" role="navigation" style="border: none">
        <div class="col-lg-8 col-lg-offset-2" >

            <div class="navbar-header">
                <p class="navbar-brand" style="color: red">欢迎${username}用户登录</p>
            </div>
            <div>
                <ul class="nav nav-tabs navbar-right" style="border-bottom: none">
                    <li ><a href="#" style="color: #5d5d5d">我的订单</a></li>
                    <li ><a href="#" style="color: #5d5d5d">我的分销</a></li>
                    <li ><a href="#" style="color: #5d5d5d">信息中心</a></li>
                    <li ><a href="#" style="color: #5d5d5d">联系我们</a></li>
                    <li ><a href="QuitServlet" style="color: #5d5d5d">退出</a></li>
                </ul>
            </div>

        </div>
    </nav>
</div>

<div class="container-fluid" >
    <div class="col-lg-8 col-lg-offset-2" style="height: 120px">
        <div class="col-lg-3" style="margin-top: -2%">
            <a href="/loginServlet?m=toIndex">
                <img src="images/logo.jpg" width="150" height="auto">
            </a>
        </div>
        <div class="col-lg-6" style="margin-top: 3%">
            <form>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="输入关键字搜索">
                    <span class="input-group-addon btn" style="background: #e94220;color: white;">搜索</span>
                </div>
            </form>
        </div>
        <div class="col-lg-3" style="margin-top: 3%;">
            <div style="width: 165px;height: 38px;border: 1px solid #c5c5c5;margin-left: 40%">
                <span class="glyphicon glyphicon-shopping-cart" style="color: red;font-size:18px;margin-top: 5%;margin-left: 5% "></span>
                <a href="CartServlet?m=toQueryCart" style="font-size:13px;margin-left: 5%;">我的购物车</a>
                <a href="CartServlet?m=toQueryCart"><span class="badge" style="font-size:13px;margin-left: 5%; background: red">${num}</span></a>
            </div>
        </div>
    </div>
</div>
<!--导航栏-->
<div >
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="col-lg-8 col-lg-offset-2">
            <div>
                <ul class="nav navbar-nav ul1">
                    <li><a href="/loginServlet?m=toIndex">首页</a></li>
                    <li ><a href="/loginServlet?m=toHot">限时抢购</a></li>
                    <li class="active1" id="active1"><a href="#">优惠中心</a></li>
                    <li><a href="#">最新资讯</a></li>
                    <li><a href="#">招商入住</a></li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<!--轮播图-->
<div id="myCarousel" class="carousel slide" style="margin-top: -1.2%">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <a href="#"><img src="images/20180728151334266.jpg" height="650" width="1921"/></a>
        </div>
        <div class="item">
            <a href="#"> <img src="images/20180728151334616.jpg" height="650" width="1921"/></a>
        </div>
        <div class="item">
            <a href="#"><img src="images/20180728152528233.jpg" height="650" width="1921"/></a>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel"
       data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel"
       data-slide="next">&rsaquo;</a>
</div>


<div class="col-lg-12">
    <div class="show2" style="margin-top: 40px">
        <div class="col-lg-1 col-lg-offset-5">
            <img src="images/20180721140125312.png" height="80" width="80" style="margin-left: 50px"/>
        </div>
        <div class="col-lg-3">
            <div names="text" class="view_contents">特价专区</div>
            <span style="font-size: 16px;color:#1897ed ">HOT SELLING AREA</span>
        </div>
    </div>

    <div class="col-lg-8 col-lg-offset-2" style="margin-top: 20px">
        <c:forEach items="${bookSpecaialMsg}" var="b">
            <div class="col-lg-3">
                <div class="div2">
                    <div class="div2-child1" style="background: white">
                        <div class="item-img" style="background: white">
                            <a>
                                <img src="${b.img}"  height="220" width="300" style="margin: 0 auto;margin-top: 10%"/>
                            </a>
                        </div>
                        <div class="p_name2">
                            <a class="titleSet" href="DetailServlet?m=buyGoods&&name=${b.name}&&img=${b.img}&&author=${b.author}&&descript=${b.descript}&&price=${b.price}&&username=${username}" target="">${b.name}</a>
                        </div>
                    </div>
                    <div class="div2-child2">
                        <div class="p_price">
                            <span class="textSet">现售价</span>
                            <font class="unitSet"></font><span class="priceSet">${b.price}</span><font class="unit unitSet"></font>
                        </div>

                        <div class="p_cart">
                            <a class="btnaSet" href="DetailServlet?m=buyGoods&&name=${b.name}&&img=${b.img}&&author=${b.author}&&descript=${b.descript}&&price=${b.price}&&username=${username}"><i></i>
                                立即抢购
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </c:forEach>
    </div>



<div class="col-lg-12" style="background: linear-gradient(90deg,#2bc8ff,#329fff);height: 300px;margin-top: 20px">
    <div class="col-lg-8 col-lg-offset-2" style="margin-top: 20px">
        <div class="col-lg-3 col-lg-offset-5">
            <p style="font-size: 35px;color: white;margin: 0">网上书城</p>
            <span style="margin-left: 0;font-size: 18px;color: white">
                CRAFTSMANSHIP
            </span>
        </div>
        <div class="col-lg-6 col-lg-offset-3" style="margin-top: 20px">
            <ul class="menuU ">
                <li id="hot" class="rflex isLi" pageid="41905" showpc="">
                    <a class="mainMenuSet Nosub" href="index.html">
                        首页
                    </a>
                </li>
                <li class="rflex isLi" pageid="41906" showpc="">
                    <a class="mainMenuSet Nosub" href="41906-41906.html">
                        限时抢购
                    </a>
                </li>
                <li class="rflex isLi" pageid="41907" showpc="">
                    <a class="mainMenuSet Nosub" href="41907-41907.html">
                        优惠中心
                    </a>
                </li>
                <li class="rflex isLi" pageid="41908" showpc="">
                    <a class="mainMenuSet Nosub" href="41908-41908.html">
                        最新资讯
                    </a>
                </li>
                <li class="rflex isLi" pageid="41912" showpc="">
                    <a class="mainMenuSet Nosub" href="41912-41912.html">
                        招商入驻
                    </a>

                </li>

            </ul>
        </div>
        <div class="col-lg-12">
            <img class="picSet link-type-" src="images/20180721165807339.png" title="" alt="描述"  style="display: inline;margin-bottom: 5px">
            <span names="text" class="view_contents1">
                联系电话：020-3333 3333
            </span>
            <img class="picSet link-type-" src="images/2018072116591333.png" title="" alt="描述"  style="display: inline;margin-left: 20px;margin-bottom: 5px">
            <span names="text" class="view_contents1">
					邮箱：craftsmanship@mail.com
            </span>
            <img class="picSet link-type-" src="images/20180721165928751.png" title="" alt="描述"  style="display: inline;margin-left: 20px;margin-bottom: 5px">
            <span names="text" class="view_contents1">
					中心地址：广东省广州市大马路208号5-038
            </span>
        </div>
        <div class="col-lg-6 col-lg-offset-3" style="margin-top: 20px;font-size: 16px;color: #ffffff;text-align: center;">
            copyright@2018 craftsmanship All rights reserved.
        </div>
    </div>
</div>
<!-- 返回顶部小火箭 -->
<div id="actGotop"><a href="javascript:;" title="Top"></a></div>
<script>
    $(function() {
        // 初始化轮播
        $('#myCarousel').carousel('cycle');
    });
</script>
</body>
</html>
